header .logo{ padding: 30px 0;}
header .lft{ font-size: 24px; color: #03A650; line-height: 66px; word-spacing: 0px; letter-spacing: 0; font-weight: bold;}
header .lft.sp{ font-size: 18px;}
header .rgt{ padding-top: 10px;}
.lang,.group,.lang a{ display: inline-block;}
	.lang a{ color: #333; padding: 5px 0 5px 30px;}
	.lang a:hover{ background-color: transparent; text-decoration: underline;}
	.group .w a{ background: none;}
	.group .w:hover{ background: #4d9591; color: #fff;}
	.group .w .drop{ background: #4d9591;}
	.group a:hover{ background-color: #13ae8c; color: #fff;}
nav{ background: url(../images/nav.jpg); width: 100%; left: 0; z-index: 999}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	.navBar{  position:relative; z-index:1;  height:50px; line-height:50px; color:#333;   }
	.nav{ position:relative; font-size:16px; }
	.nav a{ color:#fff; }
	.nav h3{ font-size:100%; font-weight:normal;   }
	.nav .m{ float:left;  position:relative; z-index:1; }
	.nav .s{ float:left; width:3px; text-align:center; color:#D4D4D4; font-size:12px; }
	.nav h3 a{ display:block; width:150px; text-align:center;   font-weight:bold;  }
	.nav .sub{ display:none; /*默认隐藏*/  position:absolute; left:-3px; top:50px; z-index:1; width:154px; border:1px solid #E6E4E3; border-top:0;  background:#fff; font-size: 14px; }
	.nav .sub li{ text-align:center; padding:0 8px; margin-bottom:-1px;   }
	.nav .sub li a{ display:block;  border-bottom:1px solid #E6E4E3; padding:12px 0; line-height:1.2em; color:#666;   }
	.nav .sub li a:hover{ color:#FE7700;   }
	.nav .block{ height:3px; width:156px; background:#FE7700; position:absolute; left:0; top:47px; overflow:hidden;  }
nav form{ float: right;}
	nav input{ border: 1px solid #64b4b0; height: 30px; line-height: 30px; padding: 0 10px; border-radius: 4px; vertical-align: middle;}
	nav form .fa{ width: 30px; height: 32px; text-align: center; line-height: 32px; background-color: #14af8d; vertical-align: middle; font-size: 16px; border-radius: 3px;}
#ads .prev,#ads .next{ display: none;}
#ads .slideBox .hd ul li{ width: 50px; height: 5px; background: rgba(0,0,0,.8);}
#ads .slideBox .hd ul li.on{ background: rgba(255,255,255,.8);}
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative; overflow: hidden;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0;}
#floatDivBoxs .floatDqq li img{ display: inline-block; vertical-align: middle; width: 30px; height: 34px;}
#floatDivBoxs .floatDqq li a{ display: block; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
#floatDivBoxs .floatDqq li a:hover img{opacity: 0.5; }
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px; color: #FE7700; font-size: 18px;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}
/*	首页	*/
#about,#product,#news,#client{ background: #f2f2f2; padding: 50px 0;}
	#product{ background: #3cc5a9;}
	#news{ background: #fff;}
	#about h2,#product h2,#news h2,#client h2{ text-align: center; font-size: 30px; height: 40px; line-height: 40px; font-weight: normal; background: url(../images/line.gif) 0 20px repeat-x; margin-bottom: 30px;}
	#about h2 span,#product h2 span,#news h2 span,#client h2 span{ padding: 0 30px; background: #f2f2f2;}
		#product h2 span{ background: #3cc5a9; color: #fff;}
		#news h2 span{ background: #fff;}
	#about .link{ width: 420px; height: 120px; margin:20px auto;}
	#about .link a{ display: block; width: 100px; height: 100px; padding: 10px; background: #3fb4a1; border-radius: 50%; margin: 0 10px; float: left; text-align: center; color: rgba(255,255,255,.7);-ms-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
	#about .link a span{ display: block; font-size: 48px; margin-top: 10px;-ms-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
	#about .link a:hover{ color: rgba(255,255,255,1); font-size: 16px;-ms-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
		#about .link a:hover span{ font-size: 36px; color: rgba(255,255,255,.3);-ms-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
	#about .desc{ width: 750px; margin: auto; line-height: 1.8em;}
		#about .desc a{ color: #fff; background: rgba(63,180,160,1); display: inline-block; padding: 0 10px; border-radius: 3px; margin-left: 6px;}
		#about .desc a:hover{ background:rgba(63,180,160,.9); }
.picScroll-left{ overflow:hidden; position:relative;}
		.picScroll-left .hd{ position: absolute; width: 100%; top: 100px; }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ color: rgba(255,255,255,.5); font-size: 64px; display:block;  width:30px; height:30px; float:left; }
		.picScroll-left .hd .prev:hover,.picScroll-left .hd .next:hover{ color: #fff;}
		.picScroll-left .hd .next{ float: right; }
		.picScroll-left .bd{ width: 1000px; margin:20px auto; overflow: hidden;  }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ float:left; width: 240px; margin: 0 5px; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ display:block; width: 240px; height: 240px; }
		.picScroll-left .bd ul li .title{ height: 40px; line-height: 40px; text-align: center; }
		.picScroll-left .bd ul li .title a{ color: #fff; display: block; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; font-size: 14px;}
.focusBox { position: relative; width: 400px; height: 300px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background:#fff; }
	.focusBox .pic img { width: 400px; height: 300px; display: block; }
	.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
	.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
	.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
	.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
	.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
	.focusBox .num li{ float: left; position: relative; width: 18px; height: 18px; line-height: 18px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer;  color: #fff;}
	.focusBox .num li.on{ background:#f60;  }
	#news .rgt{ width: 750px;}
		#news .rgt li{ padding: 0 10px; height: 42px; line-height: 42px; border-bottom: 1px solid #ddd; color: #999;}
			#news .rgt span,#news .rgt a{ display: block; float: left;}
				#news .rgt a{ width: 550px; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; margin-left: 4px;}
				#news .rgt a:hover{ color: #4d9591; text-decoration: none;}
			#news .rgt time{ float: right; color: #bbb;}
#client li{ display: block; float: left; margin:6px 0; width: 14%;}
	#client li img{ display: block; width: 90%; height: 80px;}
.pages a{ background: #5ba783; color: #fff; border: 0;}
	.pages a:hover{ background: #d99d34; color: #fff;}
	.pages a.current{ background: #FE7700; color: #fff;}
/*	其他页面	*/
.body{ padding: 50px 0;}
aside.lft{ width: 300px;}
	aside.lft .part{ margin: 0 10px; background: #fff; margin-bottom: 20px; border: 1px solid #eee; border-bottom: 0;}
		aside.lft h3{ height: 40px; line-height: 40px; padding: 0 10px; background: #4d9791; color: #fff;}
		aside.lft li{ height: 40px; line-height: 40px;  border-bottom: 1px solid #eee;}
		aside.lft li a{ display: block; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
		aside.lft .category li a i{ color: #ccc; margin-right: 6px;}
		aside.lft .category li.on a,aside.lft .category li.on a i{ color: #4d9791;}
		aside.lft li a:hover{ background: #defffc;}
			aside.lft .category li a:hover i{ color: #999;}
	aside.lft .contact li{ height: auto; line-height: 1.2em; padding: 10px;}
		aside.lft .contact li span.fa{ color: #ccc; margin:0 6px 0 10px;}
article.rgt,section.rgt{ width: 880px;}
	article.rgt,section.rgt article{ background: #fff; padding: 19px; border: 1px solid #eee; width: 840px;}
	h1{ text-align: center; font-weight: normal; padding-bottom: 16px; border-bottom: 1px solid #eee; margin-bottom: 16px;}
	article p{ text-indent: 2em; font-size: 16px; line-height: 1.8em;}
	article img{ display: block; margin: 12px auto;}
.grid{ display: block;width: 268px; border: 1px solid #eee; margin: 10px; background: #fff; overflow: hidden;}
	.grid:hover{ box-shadow: 0 0 10px rgba(0,0,0,.3); }
	.grid img{ width: 268px; display: block; }
	.grid:hover img{opacity: 0.95;}
	.grid h3{ font-weight: normal; font-size: 16px; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; padding: 0 10px;}
	.grid:hover h3{ color: #4d9591;}
	.sence .grid,.plist .grid{ float: left;}
		.sence .grid img{ height: 175px;}
		.plist .grid img{ height: 268px;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease; transition:all 0.4s ease;}
		.plist .grid:hover img{-ms-transform:scale(1.05);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px);-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease; transition:all 0.4s ease;}
		.plist .grid:hover{ background: #4d9591;}
		.plist .grid:hover h3{ color: #fff;}
#picView{ position: fixed; z-index: 99999; background: rgba(255,255,255,.95); left: 0; top: 0; width: 100%; height: 100%; display: none;}
			#picView .btn{ width: 10%; float: left; margin-top: 300px;}
				#picView .next{ text-align: right;}
			#picView div{ float: left; width: 80%; height:80%; }
				#picView div h1{ text-align: center; padding: 20px;}
				#picView div img{ display: block; max-width: 100%; max-height: 100%; margin: auto;}
.contact .fst{ padding: 20px; background: #fff; border: 1px solid #eee; text-align: center; font-size: 16px; margin-bottom: 20px;}
	.contact .fst span{ color: #ccc; display: inline-block; margin: 0 10px;}
	.contact .part{ width: 33.33%; float: left; text-align: center;height: 300px; overflow: hidden;}
	.contact .part h3{ font-size: 16px; font-weight: normal; text-align: center; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;}
	.contact .part img{ border-radius: 12px; box-shadow: 0 0 10px rgba(0,0,0,0.1)}
	.contact .part ul{ width: 70%; margin: auto;}
	.contact .part li{ border-bottom: 1px solid #eee; padding: 5px 0;}
		.contact .part li span{ color: #ccc;}
	form.gb .txt{ width: 251px;}
	form.gb textarea{ width: 820px;}
	form.gb .btn{ background: #5ba783;}
	form.gb .btn:hover{ background: rgba(90,165,130,.8);}
.nlist li{height: 40px; line-height: 40px; border-bottom: 1px dotted #eee;}
	.nlist li a{ display: block; float: left; width: 700px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
		.nlist li a:hover{ color: #5ba783;}
	.nlist li time{ float: right; color: #ccc;}
.w3cFocusIn{ width:100%; height:600px; position:relative;  margin:0 auto;  overflow:hidden;  }
	.w3cFocusIn .bd ul,.w3cFocusIn .bd li{ width: 100%;}
	.w3cFocusIn .bd li{ display: table; height: 600px; vertical-align:middle; }
	.w3cFocusIn .bd li div{ display: table-cell; text-align: center; vertical-align: middle;}
	.w3cFocusIn .bd li img{ max-width: 100%; max-height: 600px;}
	.w3cFocusIn .hd{ position: absolute; width: 100%; left:0; bottom:6px;  text-align: center;}
	.w3cFocusIn .hd ul{ vertical-align:middle; display:inline-block; *display:inline; overflow:hidden; zoom:1; }
	.w3cFocusIn .hd ul li{  position:relative; float:left; display:inline; padding-top:4px;  margin-right:6px; filter:alpha(opacity=80); opacity:0.8;  cursor:pointer;  }
	.w3cFocusIn .hd ul li img{ width:46px; height:46px; border:2px solid #ccc; display:block;  }
	.w3cFocusIn .hd ul li.on{ filter:alpha(opacity=100);opacity:1; background:url(../images/focusArrow.png) center 12px no-repeat; }
	.w3cFocusIn .hd ul li.on img{ border:2px solid #3499EA; border-bottom-width:4px;   }
	#abt{ margin-top: 30px;}
	#abt .picScroll-left .bd{ width: 100%;}
	#abt .picScroll-left .hd{ top: 0px;}
	#abt .picScroll-left .hd .prev,#abt .picScroll-left .hd .next{ float: right; color: #333; font-size: 14px; height: 20px; margin-left: 2px; text-align: center; line-height: 20px; cursor: pointer;}
	#abt .picScroll-left .hd .prev:hover,#abt .picScroll-left .hd .next:hover{ background: #4d9791; color: #fff;}
	#abt .picScroll-left .bd ul li{ width: 210px;}
/* .pshow img{ display: block; margin: auto;}
	.pshow ul{ margin: 20px 0; border-top: 1px solid #eee;}
	.pshow li{ height: 40px; line-height: 40px; border-bottom: 1px solid #eee; padding: 0 10px;}
	.pshow li span{ color: #bbb; display: inline-block; width: 100px; text-align: right; margin-right: 12px;} */
@media screen and (max-width: 1200px){
	.picScroll-left .bd{ width: 900px;}
	.picScroll-left .bd ul li{ width: 200px; margin: 0 10px; }
	.picScroll-left .bd ul li .pic img{ width: 200px; height: 200px; }
	#news .rgt{ width: 580px;}
	#news .rgt a{ width: 500px;}
	#news .rgt time{ display: none;}
	aside.lft{ width: 270px;}
	aside.lft li{ font-size: 12px; overflow: hidden;}
	article.rgt,section.rgt article{ width: 680px;}
	section.rgt{ width: 720px;}
	article p,.contact .fst{  font-size: 14px;}
	#abt .picScroll-left .bd ul li{ width: 170px; margin: 0 5px;}
	.nlist li a{ width: 500px;}
	.plist .grid{ width: 230px;margin: 4px;}
		.plist .grid img{width: 230px; height: 230px;
}